<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>石毅成长</title>
        <style>
         body{
            background-image: url(1673579304537.JPEG);
        }
           
.imgadd {
	width: 900px;
	height: auto;
	float: none;
	overflow: auto;
	margin-left: 10px;
    margin: 0 auto;
                text-align: center;
                width: 900px;
}
.imgadd .imgadd-title {
	line-height: 25px;
	border-bottom: 1px solid red;
	background: url(title.JPEG)no-repeat center;
    float: left;
	padding-left: 35px;
	color: red;
}
.imgadd-con {

border-color: cadetblue;
border-style: dashed;
background-image: url(backgg.JPEG);
height: 500px;
padding-right: 0px;
width:760px ;
}

.imgadd .imgadd-con ul {
	list-style: none;
}

.imgadd .imgadd-con ul li {
width: 185px;
height: 180px;
margin: 20px;
float: left;
}

.imgadd .imgadd-con ul li img {
width: 200px;
height: 180px;
transition: all 0.6s;
border-radius: 15px;
}

.imgadd .imgadd-con ul li img:hover {
transform: scale(1.1);
}
.oooo{
               margin: 0;
                padding: 0;
                width: 200px;
                height: 100%;
                background-image: url(1673577520859.JPG);
                float: none;
                position: fixed;top: 10%;left: 10px;
                box-shadow: 10px;
               
            }
            .t1{color: red;}
            nav li {
            display: inline-block;
            padding: 20px;}
            .a {
                color: white;
                background-color:#333 ;
                text-align: center;
            }
            a:link {
                color: white;
            text-decoration: none;
        }
        a:visited {
color: white;
        }
        a:hover {
            color: #98a3ff;
        }
        a:active {
            color: blueviolet;
        }
       .main ul {
  position: fixed;
  top: 0;
  width: 100%;
}
.d {
            display: none;
            position: absolute;
            background-color: lavender;
        }
        .d a:link {
            color: black;
            padding: 20px;
            display: block;
            text-align: center;
        }
        .d a:hover {
            background-color: #98a3ff;
        }
        .b:hover .d {
            display: block;
        }
        .e {
            display: none;
            position: absolute;
            background-color: lavender;
        }
        .e a:link {
            color: black;
            padding: 20px;
            display: block;
            text-align: center;
        }
        .e a:hover {
            background-color: #98a3ff;
        }
        .c:hover .e {
            display: block;
        }
        </style>
    </head>
    <body>
        <main><div class="dd">
            <nav class="a">
                <ul>
                      <li><a href="index.html">首页</a> </li>
                    <li class="b">剧情故事
                        <div class="d">
                            <a href="3.html">双石大战</a>
                            <a href="4.html">上界之战</a>
                            <a href="5.html">石国封神</a>
                            <a href="6.html">鲲鹏之战</a>
                        </div>
                    </li>
                    <li class="c">精彩图集
        <div class="e">
            <a href="7.html">石昊破境</a>
            <a href="8.html">石毅成长</a>
            <a href="9.html">遇见月婵</a>
        </div>
                    </li>
                    <li><a href="1.html">剧情解说</a></li>
                    <li><a href="2.html">联系我们</a></li>
                </ul>
            </nav>
           </div>
        </main>
        <div class="imgadd">
            <div class="imgadd-title">
                石毅成长
            </div><br>
            <div class="imgadd-con" >
                <ul>
                    <li><img src="1673571273713.PNG"></li>
                    <li><img src="1673571296127.JPG"></li>
                    <li><img src="1673571313952.JPG"></li>
                    <li><img src="1673571346120.PNG"></li>
                    <li><img src="1673571364446.JPEG"></li>
                    <li><img src="1673571388820.JPEG"></li>

                </ul>
            </div>



        </div>
        <ul class="oooo">
            <h class="t1"> ◎快速导航</h>
            <li class="ppj" ><a href="7.html">◇        石昊破境</a></li>
            <li class="ppj"><a href="8.html">◇        石毅成长</a></li>
            <li class="ppj"><a href="9.html">◇        遇见月婵</a></li>
           
        </ul>
    </body>
</html>